﻿@{
    ViewData["Title"] = "发帖";
}

<div class="container">
    <div class="row">
        <div class="col-md-9">
            <div class="card">
                <form id="pform" onsubmit="return false">
                    <div class="card-header"><i class="fa fa-fw fa-send"></i>发帖</div>
                    <ul class="list-group list-group-flush" id="pbox">
                        <li class="list-group-item">
                            <textarea class="form-control min100" name="GrContent" placeholder="写点什么呢..."></textarea>
                            <input type="hidden" name="GrId" />
                        </li>
                        <li class="list-group-item">
                            <div id="boxImage" class="upbox"></div>
                            <input type="hidden" name="GrImage" />

                            <div class="btn-group" data-toggle="tooltip" data-placement="right" title="上传图片">
                                <label class="btn btn-outline-warning m-0" for="btnUpImage">
                                    <i class="fa fa-lg fa-fw fa-image"></i>
                                    <input type="file" id="btnUpImage" class="d-none" />
                                </label>
                                <button type="button" class="btn btn-outline-warning dropdown-toggle" data-toggle="dropdown" data-reference="parent">
                                    <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <div class="dropdown-menu px-2">
                                    <div class="form-group">
                                        <input class="form-control" id="txtOneImage" placeholder="粘贴链接">
                                    </div>
                                    <button type="button" class="btn btn-block btn-warning" id="btnOneImage">确定</button>
                                </div>
                            </div>

                            <div class="spinner-border spinner-border-sm d-none" id="loadingImage"><span class="sr-only">Loading...</span></div>
                        </li>
                        <li class="list-group-item">
                            <div id="boxAudio" class="upbox"></div>
                            <input type="hidden" name="GrAudio" />

                            <div class="btn-group" data-toggle="tooltip" data-placement="right" title="上传音频">
                                <label class="btn btn-outline-warning m-0" for="btnUpAudio">
                                    <i class="fa fa-lg fa-fw fa-microphone"></i>
                                    <input type="file" id="btnUpAudio" class="d-none" />
                                </label>
                                <button type="button" class="btn btn-outline-warning dropdown-toggle" data-toggle="dropdown" data-reference="parent">
                                    <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <div class="dropdown-menu px-2">
                                    <div class="form-group">
                                        <input class="form-control" id="txtOneAudio" placeholder="粘贴链接">
                                    </div>
                                    <button type="button" class="btn btn-block btn-warning" id="btnOneAudio">确定</button>
                                </div>
                            </div>

                            <div class="spinner-border spinner-border-sm d-none" id="loadingAudio"><span class="sr-only">Loading...</span></div>
                        </li>
                        <li class="list-group-item">
                            <div id="boxVideo" class="upbox"></div>
                            <input type="hidden" name="GrVideo" />

                            <div class="btn-group" data-toggle="tooltip" data-placement="right" title="上传视频">
                                <label class="btn btn-outline-warning m-0" for="btnUpVideo">
                                    <i class="fa fa-lg fa-fw fa-video-camera"></i>
                                    <input type="file" id="btnUpVideo" class="d-none" />
                                </label>
                                <button type="button" class="btn btn-outline-warning dropdown-toggle" data-toggle="dropdown" data-reference="parent">
                                    <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <div class="dropdown-menu px-2">
                                    <div class="form-group">
                                        <input class="form-control" id="txtOneVideo" placeholder="粘贴链接">
                                    </div>
                                    <button type="button" class="btn btn-block btn-warning" id="btnOneVideo">确定</button>
                                </div>
                            </div>

                            <div class="spinner-border spinner-border-sm d-none" id="loadingVideo"><span class="sr-only">Loading...</span></div>
                        </li>
                        <li class="list-group-item">
                            <input class="form-control" name="GrRemark" placeholder="结束语 或 神回复" />
                            <div class="row">
                                <div class="col-sm-8 my-3">
                                    <div class="input-group">
                                        <input class="form-control" name="GrTypeName" placeholder="分类 如：douyu" maxlength="200" />
                                        <div class="input-group-prepend"><span class="input-group-text">/</span></div>
                                        <input class="form-control" name="GrTypeValue" placeholder="值 如：870931" maxlength="200" />
                                    </div>
                                    <small>如：电影/星际穿越 或 综艺节目/running man</small>
                                </div>
                                <div class="col-sm-4 my-3">
                                    <input class="form-control" name="GrObject" placeholder="对象、人名 如：李永" maxlength="200" />
                                    <small>如：刘在石,李光洙</small>
                                </div>
                            </div>
                            <input class="form-control" name="GrTag" placeholder="标签 逗号分割 如：骚话,名场面" maxlength="200" />
                            <button class="mt-3 btn btn-lg btn-block btn-warning" id="btnSave"><i class="fa fa-fw fa-send"></i>发表</button>
                        </li>
                    </ul>
                </form>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card">
                <div class="card-header"><i class="fa fa-fw fa-info-circle"></i>发帖须知</div>
                <ul class="list-group list-group-flush">
                    <li class="list-group-item">请不要发表与“尬服”无关的内容欺骗小伙伴们的感情啦！</li>
                    <li class="list-group-item">不能涉及政治、色情、暴力、陪聊等违法违规内容，不能包含邮件地址、电话号码、地址、QQ、微博等联系信息，不要在本站发布广告。</li>
                    <li class="list-group-item">请选择清晰有趣的图片，并且不能包含其他网站、微博号等的水印。<br />请勿上传涉嫌广告、营销的图片。</li>
                    <li class="list-group-item">上传图片、音频 单个文件大小限制 <b>2M</b> ，视频单个文件大小限制 <b>10M</b> 。</li>
                    <li class="list-group-item">违规超过 <b>3</b> 次会被禁封。</li>
                </ul>
            </div>
        </div>
    </div>
</div>